{extend name="wap/default_new/base" /}
{block name="resources"}
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/foundation.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/normalize.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/common-v4.4.css">
<link rel="stylesheet" type="text/css" href="__TEMP__/{$style}/public/css/person-v4.4.css">
<script src="__TEMP__/{$style}/public/js/order.js" type="text/javascript"></script>
{/block}
{block name="main"}
<div class="main myorder">
	<section class="head">
		<a class="head_back" href="{:__URL('APP_MAIN/order/myorderlist')}"><i class="icon-back"></i></a>
		<div class="head-title">{:lang('member_order_details')}</div>
	</section>
</div>
<div class="order-detail mt-45">
	<section class="order-detail-infor">
		<div class="order-detail-sum clear">
			<div class="sum-r order-detail-r">
				<ul class="sum-r-ul">
					<li><span class="status">{$order.status_name}</span></li>
					<li><span class="label">{:lang('order_number')}：</span><span class="value">{$order.order_no}</span></li>
					<li><span class="label">{:lang('member_order_status')}：</span><span class="value">{$order.status_name}</span></li>
					<li><span class="label">{:lang('order_time')}：</span><span class="value">{$order.create_time | getTimeStampTurnTime}</span></li>
					<li><span class="label">{:lang('member_payment_method')}：</span><span class="value">{$order.payment_type_name}</span></li>
					<li><span class="label">{:lang('member_payment_status')}：</span><span class="value">{$order.pay_status_name}</span></li>
					<li><span class="label">{:lang('member_delivery_mode')}：</span><span class="value">{$order.shipping_type_name}</span></li>
					<li><span class="label">{:lang('delivery_time')}：</span><span class="value">{if condition="$order['shipping_time']>0"}{$order['shipping_time']|getTimeStampTurnTimeByYmd}{else/}{:lang('days_and_holidays_can_be_delivered')}{/if}</span></li>
					{if condition="$shop['shop_name'] != ''"}<li><span class="label">店家名称：</span><span class="value">{$shop.shop_name}</span></li>{/if}
					{if condition="$shop['shop_address'] != ''"}<li><span class="label">店家地址：</span><span class="value">{$shop.shop_address}</span></li>{/if}
					{if condition="$shop['shop_phone'] != ''"}<li><span class="label">店家电话：</span><span class="value">{$shop.shop_phone}</span></li>{/if}
				</ul>
			</div>
		</div>
	</section>
	
	<section class="order-detail-address">
		<div class="address-out clear">
			<div class="address-l order-detail-l">
				<i class="icon-address-small"></i>
			</div>
			<div class="address-r order-detail-r">
				<ul class="address-r-ul">
					{switch name="$order.shipping_type"}
						{case value="1|3"}
						<li class="name">
							<span class="label">{:lang('member_delivery_address')}：</span>
							<span class="value" style="line-height: 150%;">{$order['receiver_name']}，{$order['receiver_mobile']}，{notempty name="$order['fixed_telephone']"}{$order['fixed_telephone']}，{/notempty} {$order['address']}&nbsp;{if condition="$order['receiver_zip']!=''"}&nbsp;，{$order['receiver_zip']}{/if}</span>
						</li>
						{/case}
						{case value="2"}
						<li class="name">
							<span class="label">{:lang('member_self_addressed_address')}：</span>
							<span class="value">{$order['order_pickup']['province_name']}&nbsp;{$order['order_pickup']['city_name']}&nbsp;{$order['order_pickup']['dictrict_name']}&nbsp;{$order['order_pickup']['address']}</span>
						</li>
						{/case}
					{/switch}
					{if condition="!empty($order['buyer_invoice_info'])"}
						{if condition="!empty($order['buyer_invoice_info'][0]) && $order['buyer_invoice_info'][0] neq ''"}
						<li class="name">
							<span class="label">{:lang('member_invoice_header')}：</span>
							<span class="value">{$order['buyer_invoice_info'][0]}</span>
						</li>
						{/if}
						{if condition="!empty($order['buyer_invoice_info'][2]) && $order['buyer_invoice_info'][2] neq ''"}
						<li class="name">
							<span class="label">{:lang('member_taxpayer_identification_number')}：</span>
							<span class="value">{$order['buyer_invoice_info'][2]}</span>
						</li>
						{/if}
						{if condition="!empty($order['buyer_invoice_info'][1]) && $order['buyer_invoice_info'][1] neq ''"}
						<li class="name">
							<span class="label">{:lang('member_invoice_content')}：</span>
							<span class="value">{$order['buyer_invoice_info'][1]}</span>
						</li>
						{/if}
					{/if}
				</ul>
			</div>
		</div>
	</section>
	{if $order['shipping_type'] neq 3}
		{if condition="$express_count > 0"}
		<section class="order-detail-remark">
			<div class="remark-out clear">
	<!-- 			<div class="remark-l order-detail-l"> -->
	<!-- 				<i class="icon-talks-smalls"></i> -->
	<!-- 			</div> -->
				<div class="remark-r order-detail-r">
					<ul class="remark-r-ul">
						<li class="name">
							<a href="{:__URL('APP_MAIN/order/orderexpress?orderId='.$order['order_id'])}">
								<span class="label" style="color: rgb(245, 183, 8);">{:lang('goods_total')}{$express_count}{:lang('of_parcels')}</span>
								<span class="label" style="color: rgb(245, 183, 8);">{$express_name}</span>
								{if condition="$is_show_express_code"}
								<span class="label" style="color: rgb(245, 183, 8);">{:lang('member_waybill_number')}:{$express_code}</span>
								{/if}
								<span style="float:right;width:7px;"><img src="__TEMP__/{$style}/public/images/goods_right.png"/></span>
							</a>
						</li>
					</ul>
				</div>
			</div>
		</section>
		{/if}
	{else/}
		{if $order['shipping_type'] eq 3 && $order['shipping_status'] eq 1}
		<section class="order-detail-remark">
			<div class="remark-out clear">
				<div class="remark-r order-detail-r distribution-info">
					<p>配送单号：{$order['distribution_info']['express_no']}</p>
					<p>配送人：{$order['distribution_info']['order_delivery_user_name']}</p>  
					<p>配送人手机号：{$order['distribution_info']['order_delivery_user_mobile']}</p>
					<p>备注：{$order['distribution_info']['remark']} </p>
				</div>
			</div>
		</section>
		{/if}
	{/if}

	<section class="order-detail-remark">
		<div class="remark-out clear">
			<div class="remark-l order-detail-l">
				<i class="icon-talks-small"></i>
			</div>
			<div class="remark-r order-detail-r">
				<ul class="remark-r-ul">
					<li class="name">
						<span class="label">{:lang('member_buyer_message')}</span>
					</li>
					<li>
						{if condition="$order['buyer_message'] !=''"}
						<span class="label">{$order['buyer_message']}</span>
						{else/}
						<span class="label">{:lang('member_no_messages')}</span>
						{/if}
					</li>
				</ul>
			</div>
		</div>
	</section>
	
	<div class="list-myorder">
		<ul class="ul-product">
			{volist name="order['order_goods']" id="goodsData"}
			<li onclick="location.href='{:__URL('APP_MAIN/goods/goodsdetail?id='.$goodsData['goods_id'])}'">
				<span class="pic"><img src="{:__IMG($goodsData['picture_info']['pic_cover_micro'])}" /></span>
				<div class="text">
					<span class="pro-name">
						<span style="color:#333333;">{$goodsData.goods_name}</span>
						{if condition = "$goodsData['sku_name'] neq ''"}
						<span style="color:#333333;">{$goodsData.sku_name}</span>
						{/if}
					</span>
					<br/>
					<div class="pro-pric">
						<span>{:lang('goods_price')}:</span>
						<span style="color:#333333;">￥{$goodsData.price}</span>
						{if $goodsData.gift_flag > 0}
						<i style="font-size:12px;padding:1px 4px;border-radius:3px;display:inline-block;color:#FFF;background-color:#de533c;height:16px;line-height: 16px;overflow:hidden;font-style:normal;margin-left:5px;position:relative;top:3px;">赠品</i>
						{/if}
					</div>
					<div class="pro-pric">
						<span class="color"></span>
						<span>{:lang('goods_number')}:</span>
						<span style="color:#333333;">{$goodsData.num}</span>
					</div>
					<div class="pro-pric">
						<span>{:lang('adjust_price')}:</span>
						<span style="color:#333333;">{$goodsData.adjust_money}</span>
					</div>
<!-- 					<div class="pro-return"></div> -->
				</div>
			</li>
			{/volist}
		</ul>
		<div class="money-content">
			<div class="money-row">
				<div>
					<span>{:lang('member_total_commodity_value')}：</span>
					<span class="price">￥{$order['goods_money']}</span>
				</div>
				
				<div>
					<span>{:lang('goods_freight')}</span>
					<span class="price">￥{$order['shipping_money']}</span>
				</div>
				
				{if condition="$order['user_platform_money']>0"}
				<div>
					<span>{:lang('member_balance_payment')}：</span>
					<span class="price">￥{$order['user_platform_money']}</span>
				</div>
				{/if}
				
				{if condition="$order['coupon_money']>0"}
				<div>
					<span>{:lang('member_coupons')}：</span>
					<span class="price">￥{$order['coupon_money']}</span>
				</div>
				{/if}
				
				{if condition="$order['tax_money']>0"}
				<div>
					<span>{:lang('member_invoice_tax')}：</span>
					<span class="price">￥{$order['tax_money']}</span>
				</div>
				{/if}
				
				{if condition="$order['promotion_money']>0"}
				<div>
					{switch name="$order['promotion_type']"}
						{case value="MANJIAN"}<span>{:lang('member_full_discount')}：</span>{/case}
						{case value="ZUHETAOCAN"}<span>{:lang('member_taocan_discount')}：</span>{/case}
					{/switch}
					<span class="price">￥{$order['promotion_money']}</span>
				</div>
				{/if}
				
				{if condition="$order['point']>0"}
				<div>
					<span>{:lang('member_use_integral')}：</span>
					<span class="price">{$order['point']}</span>
				</div>
				{/if}
				
				<div>
					<span>{:lang('member_actual_payment')}：</span>
					<span class="price"><b style="color:#f44;">￥{$order['pay_money']}</b></span>
				</div>
			</div>
		</div>
		
	</div>

	<div class="order-tablink">
		<div class="tablink-box">
			<div class="tablink">
				<a href="{$list['value']['service_addr']}"><span class="kefu">联系客服</span></a>
			</div>
			<div class="tablink">
				<a href="tel:{$list['value']['web_phone']}"><span class="call">拨打电话</span></a>
			</div>
		</div>
	</div>
</div>


{if !empty($order['member_operation'])}
<div style="height: 55px;"></div>
<div class="order-opcation">
	<div class="content">
		{volist name="$order['member_operation']" id="vo"}
		<a href="javascript:;" onclick="operation('{$vo.no}',{$order['order_id']})" style="background: {$vo.color};border-color: {$vo.color}">{$vo.name}</a>
		{/volist}
	</div>
</div>
{/if}
<!-- <div class="bottom-btn-row clear"></div> -->
{/block}
{block name="bottom"}{/block}